{extend name="base" /}
{block name="style"}
section#about{ padding-top:1.6rem;}
.content p{font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; font-size:.32rem;margin: 0px 8px; padding: 0px; clear: both; box-sizing: border-box; line-height: 1.8em;letter-spacing: .12em; color: rgb(102, 102, 102); margin:1em 0; text-align:justify;}
#SOHUCS #SOHU_MAIN .module-mobile-cmt-header { background-color:#fff!important;}
#about_show .content h1 {font-size: .5rem;}
#about_show .content h3 {font-size: .36rem;line-height: .36rem;font-weight: bold;border-left: .1rem solid #30A771;padding-left: .2rem; margin-left:.5rem;margin-right:.5rem; }
.content p,.content .con{ padding-left:.5rem; padding-right:.5rem;}
.fsizeChange{ font-size:.32rem; text-align:right; color:#999}
.fsizeChange i{margin-left:.5rem; padding:3px 8px;}
.fsizeChange i:nth-child(1){border:1px solid #30A771}
p.indent{ text-indent:1em;}
dl#fuwu .lucn-grid div div {background: #30A771;padding-left:16%; padding-right:16%;}
{/block}
{block name="body"}
<article id="about_show">
<!--资讯开始-->
<section class="aui-margin-b-10 block">
<div class="content">
<div class="con fsizeChange mt_6">字体大小：<i data-size="0.32">小</i><i data-size="0.38">中</i><i data-size="0.44">大</i></div>
<h1 class="lucn-text-center mt15">招商加盟</h1>
<dl class="mt-20">
<dt><h3 class="mt_6">我们寻找代理商</h3></dt>
<dd class="mt-10">
<p class="indent">1、有丰富的客户资源，能快速开拓市场；</p>
<p class="indent">2、专业的销售团队，具备强有力的市场推广能力；</p>
<p class="indent">3、和总部互联互通，合作共赢。</p>
</dd>
</dl>

<dl class="mt-20">
<dt><h3 class="mt_6">加盟我们的优势</h3></dt>
<dd class="mt-10">
<p class="indent">1、价格优势：代理商可以拿到最低价；</p>
<p class="indent">2、产品优势：我们的产品全国独一无二；</p>
<p class="indent">3、区域保护：一个区域一个代理，杜绝串货；</p>
<p class="indent">4、总部扶持：从产品改进、技术支持到宣传推广，总部都会给予代理商无条件支持。</p>
</dd>
</dl>

<dl id="liucheng" class="mt-20">
<dt><h3 class="mt_6">加盟申请详细流程</h3></dt>
<dd class="mt-20 con">
<div class="lucn-grid lucn-grid-1-3 lucn-grid-big">
<div class="mt_4">
<img src="/assets/home/images/icon-1.png">
</div>
<div class="mt_4">
<img src="/assets/home/images/icon-2.png">
</div>
<div class="mt_4">
<img src="/assets/home/images/icon-3.png">
</div>
<div class="mt_4">
<img src="/assets/home/images/icon-4.png">
</div>
<div class="mt_4">
<img src="/assets/home/images/icon-5.png">
</div>
</div>
</dd>
</dl>

<dl id="fuwu" class="mt-30">
<dt><h3 class="mt_6">我们为您提供一条龙的增值服务</h3></dt>
<dd class="mt-10 con">
<div class="lucn-grid lucn-grid-1-2 uk-text-center">
<div>
<div class="mt_4">
<img src="/assets/home/images/icon-11.png">
</div>
</div>
<div>
<div class="mt_4">
<img src="/assets/home/images/icon-12.png">
</div>
</div>
<div>
<div class="mt_4">
<img src="/assets/home/images/icon-13.png">
</div>
</div>
<div>
<div class="mt_4">
<img src="/assets/home/images/icon-14.png">
</div>
</div>
<div>
<div class="mt_4">
<img src="/assets/home/images/icon-15.png">
</div>
</div>
<div>
<div class="mt_4">
<img src="/assets/home/images/icon-16.png">
</div>
</div>
</div>
</dd>
</dl>

</div>
</section>

<!--资讯结束-->
</article>
{/block}
{block name="script"}
<script charset="utf-8" type="text/javascript">
$('body').on('click','.fsizeChange i',function(){
    var thissize = $(this).attr('data-size');
	$('.fsizeChange i').css("border","none");
	$(this).css("border","1px solid #30A771");
	$('.content p').css("font-size",thissize+"rem");
});
</script>
{/block}